import Vue from "vue";
import VueRouter from "vue-router";
import Ui_Router from "@/views/Ui_Router.vue";
import MyContacts from "@/views/MyContacts.vue";
import MyAbout from "@/views/MyAbout.vue";
import All_contacts from "@/views/All_contacts.vue";
import MyAlice from "@/views/MyAlice.vue";
import MyBob from "@/views/MyBob.vue";
import MyBlog from "@/views/MyBlog.vue";
import MyFax from "@/views/MyFax.vue";

Vue.use(VueRouter);
const router = new VueRouter({
  routes: [
    { path: "/", redirect: "/ui_router" },
    { path: "/ui_router", component: Ui_Router },
    {
      path: "/mycontacts",
      component: MyContacts,
      children: [
        { path: "/mycontacts/all_contacts", component: All_contacts },
        { path: "/mycontacts/myalice", component: MyAlice },
        {
          path: "/mycontacts/mybob",
          component: MyBob,
          children: [
            { path: "/mycontacts/mybob/myblog", component: MyBlog },
            { path: "/mycontacts/mybob/myfax", component: MyFax },
          ],
        },
      ],
    },
    { path: "/myabout", component: MyAbout },
  ],
});
export default router;
